@charset "utf-8";

@import "../variables";

@import "../login-brand";
@import "../login-footer";

// body{
// 	background-color: #f6f7fc;
// }

.regiMain {
	width: 1200px;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 48px;
	background-color: #fff;
}
.lineTip div {
	float: left;
}
.regiMain .tit{
	font-size: 20px;
	color: #393939;
	height: 70px;
	line-height: 70px;
	text-align: center;
	margin: 0;
}
.lineTip .nowColr{
	background-color: #2f8df6;
	color: #fff;
}
.lineTip {
	width: 1084px;
	margin: 10px auto;
	height: 44px;
	background-color: #fff;
/*	border-bottom: 1px solid #e2e5eb ;*/
}
.arrow1 {
	width: 342px;
	height: 44px;
	line-height: 44px;
	background-color: #e2e5eb;
	font-size: 19px;
	color: #4e4e4e;
	position: relative;
	text-align: center;
	/*margin-right: 44px;*/
}
.arrow1:after {
	content: "";
	display: inline-block;
	width: 0;
    height: 0;

   /* border-top: 22px solid transparent;
    border-left: 44px solid #2f8df6;
    border-bottom: 22px solid transparent;
    position: absolute;
    right: -44px;
    top: 0;
    z-index: 2*/
}
/*.arrow2 {

}*/

.arrow2 {
	width: 310px;
	height: 44px;
	line-height: 44px;
	background-color: #e2e5eb;
	font-size: 19px;
	color: #4e4e4e;
	text-align: center;
	position: relative;
}
.arrow2:after {
	content: "";
	display: inline-block;
	width: 0;
    height: 0;
    border-top: 22px solid transparent;
    border-left: 44px solid #e2e5eb;
    border-bottom: 22px solid transparent;
    position: absolute;
    right: -44px;
    top: 0;
    z-index: 2
}
.arrow3 {
	width: 342px;
	height: 44px;
	line-height: 44px;
	background-color: #e2e5eb;
	font-size: 19px;
	color: #4e4e4e;
	text-align: center;
	position: relative;
}

.PartitionLine {
	width: 45px;
	height: 44px;
	background-color: #fff;
	position: relative;
}

.PartitionLine:after{
	content: "";
	position: absolute;
	left:0px;
	top:0;
	display: inline-block;
	width: 46px;
	height: 44px;
	background:url("#{$img-path}/pages/register/oneArrow.jpg") no-repeat;
	z-index: 2;
}
.PartitionLine3 {
	width: 45px;
	height: 44px;
	background-color: #fff;
	position: relative;
	z-index: 2;
}

.PartitionLine3:after{
	content: "";
	position: absolute;
	left:0px;
	top:0;
	display: inline-block;
	width: 46px;
	height: 44px;
	background:url("#{$img-path}/pages/register/threeBtn.png") no-repeat;
	z-index: 2;
}



.PartitionLine2 {
	width: 45px;
	height: 44px;
	background-color: #fff;
	position: relative;
}
.mainBanner {
	width: 1084px;
	height: 360px;
	background-color: #f6f7fc;
	margin: 0 auto;
	margin-top: 24px;
	text-align: center;
}


.PartitionLine2:after{
	content: "";
	position: absolute;
	left:0;
	top:0;
	display: inline-block;
	width: 46px;
	height: 44px;
	background:url("#{$img-path}/pages/register/oneArrow2.jpg") no-repeat;
	z-index: 2;
}
.bodyList {
	min-height: 470px;
	width: 1084px;
	margin: 0 auto;
	border-top:1px solid #e2e5eb;
}
.bodyList .titBody {
	height: 16px;
	line-height: 16px;
	font-size: 16px;
	color: #3e3e3e;
	margin-top: 45px;
	margin-bottom: 49px;
	text-align: center;
}

.role {
	padding: 0;
	list-style: none;
}

.role li {
	width: 240px;
	height: 300px;
	background-color: #f6f7fc;
	text-align: center;
	float: left;
}
.role li.one {
	padding-top: 48px;
}
.role li.two {
	padding-top: 26px;
}
.role li.three {
	padding-top: 73px;
}
.role li.four {
	padding-top: 52px;
}
.role .bothMargin {
	margin: 0 41px;
}
.role  .siglarMar {
	margin-right: 41px;
}
.role li:hover {
	box-shadow: 0 15px 30px #e7ebfb;
}
.role li:hover dt {
	/*color: #fff*/
	background-color: #2f8df6;
}

.role li a {
	text-decoration: none;
}

.role li.oneLi {
	padding-top: 48px;
}

.role li .dd {
	margin-top: 20px;
}

.btnShow {
	width: 130px;
	height: 28px;
	line-height: 28px;
	background-color: #96c5f9;
	text-decoration: none;
	margin: 0 auto;
	margin-top: 20px;
	border-radius: 20px;
	color: #fff;
}
.btnShow a {
	color: #fff;
}
/*// two step*/
.botPadding {
	padding-bottom: 77px;
}
.mainBanner {
	padding-top: 67px;
}
.mainBanner .one {
	height: 60px;
	line-height: 60px;
	font-size: 28px;
	color: #4c4c4c;
}
.mainBanner .one:before {
	content: "";
	width: 38px;
	height: 38px;
	background: url(#{$img-path}/pages/register/tipRight.png) no-repeat;
	display: inline-block;
	vertical-align:sub;
	margin-right: 17px;
}
.mainBanner .two {
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	color: #5c5c5c;
	margin-bottom: 60px;
}
.mainBanner .two .blueFont {
	font-size: 30px;
	color: #1869c5;
}
.countDownLine {
	margin-top: 6px;
	height: 28px;
	line-height: 28px;
	font-size: 16px;
	color: #5c5c5c;
}
.countDownLine .blueFont {
	color: #1869c5;
	margin-right: 10px;
}
.mainBanner  .loginBtn {
	display: inline-block;
	width: 180px;
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	color: #fff;
	background-color: #2275de;
	border:none;
	outline: none;
	border-radius: 4px;
	
	&:hover {
		text-decoration: none;
	}
}
.step3_mainBg .inputLine .borderRed {
	border:1px solid red;
}
.mainBanner .loginBtn:hover {
	background-color: #1869c5;
}
.step3_mainBg {
	display:none;
	width: 487px;
	margin: 0 auto;
	margin-top: 30px;
}
.step3_mainBg .inputLine {
	width: 487px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 20px;
    position: relative;
}
.inputLine .inputNew  {
	float: left;
	width: 330px;
	height: 40px;
	margin-bottom: 20px;
	text-indent: 10px;
	border: 1px solid #c3c5c6;
}
.inputLine .redTip {
    display: none;
    position: absolute;
    width: 120px;
    text-align: left;
    right: -70px;
    top: 0;
    height: 40px;
    float: left;
    font-size: 14px;
    color: #f55151;
    margin-left: 18px;
}
.inputLine label {
	float: left;
	width: 70px;
	height: 40px;
	font-weight:normal;
	color: #757575;
	text-align: right;
	margin-right: 15px;
}
.titTip22 {
	height: 16px;
    line-height: 16px;
    font-size: 16px;
    color: #3e3e3e;
    margin-top: 33px;
    margin-bottom: 40px;
    text-align: center;
}
.sortBtn {
	float: left;
	width: 200px;
	height: 40px;
	margin-bottom: 20px;
	text-indent: 10px;
	border: 1px solid #c3c5c6;
}
.sortBtn2 {
	float: left;
	width: 240px;
	height: 40px;
	margin-bottom: 20px;
	text-indent: 10px;
	border: 1px solid #c3c5c6;
}
.codeMa {
	float: left;
	margin-left: 10px;
	width: 	124px;
	height: 40px;
	background: url("#{$img-path}/pages/register/codeMa.jpg") no-repeat;
	background-size: 100% 100%;
}
.inputLine .getCodeBtn {
	float: left;
	width: 125px;
	height: 40px;
	border: none;
	outline: none;
	line-height: 40px;
	text-align: center;
	color: #fff;
	border-radius: 4px;
	background-color: #2275de;
	margin-left: 10px;
}
.inputLine .getCodeBtn:hover {
	background-color: #1869c5;
}
.inputLine .phone_register {
	float: left;
	width: 80px;
	height: 40px;
	border: 1px solid #2275de;
	outline: none;
	line-height: 40px;
	text-align: center;
	color: #2275de;
	border-radius: 4px;
	background-color: #fff;
	margin-left: 10px;
}
.step3_mainBg .registBtn {
	display: block;
	text-align: center;
	text-decoration: none;
	width: 332px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	color: #fff;
	background-color: #2275de;
	border:none;
	outline: none;
	border-radius: 4px;
	margin-left: 83px;
}
.step3_mainBg .registBtn:hover{
	background-color: #1869c5;
}
.advAgree {
	line-height: 26px;
	padding-bottom: 50px;
}
.advAgree label {
    font-size: 14px;
    color: #757575;
}
.advAgree .checkboxAgree {
	float: left;
	margin-top: 6px;
	margin-left: 154px;
	margin-right: 7px;
}
.advAgree a {
	text-decoration: none;
	font-size: 14px;
	color: #2275de;
	cursor: pointer;
}
.fixedCeng {
    display: none;
    background-color: rgba(0,0,0,0.3);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}

.alertMain {
    width: 880px;
    height: 540px;
    position: absolute;
    background-color: #fff;
    left: 50%;
    top: 50%;
    margin-top: -270px;
    margin-left: -440px;
    border-radius: 4px;
}

.alertMain .titAgree {
    height: 55px;
    line-height: 55px;
    padding: 0 20px;
    font-size: 18px;
    color: #484848;
}

.alertMain .alert2Main {
    width: 840px;
    height: 406px;
    margin: 0 auto;
    padding: 0 20px;
    background-color: #f6f7fc;
    border-radius: 4px;
}

.titTop {
    line-height: 16px;
    font-size: 16px;
    margin: 0 26px;
    color: #484848;
    text-align: center;
    padding-top: 28px;
    margin-bottom: 28px;
}

.sureBtn {
    display: block;
    border-radius: 4px;
    width: 130px;
    height: 40px;
    line-height: 40px;
    margin: 20px auto;
    border: none;
    outline: none;
    background-color: #2275de;
    color: #fff;
}
.regiMain .hide{
	display:none;
}
.regiMain .show {
	display:block;
}
